/* CSS Document */
/*
* login Style Sheet
* Version: 1.0
* Updated: 2014-12-28
* Author: lorenzo hee
* Contact:
* QQ:571215422
* Email:yongqinghee@163.com
*/

/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
* {
    margin: 0;
    padding: 0;
}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body {
    overflow: visible;
}

* html iframe, * html frame {
    overflow: auto;
}

* html frameset {
    overflow: hidden;
}

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
    margin: 0;
    padding: 0;
}

input, select {
    font-size: 12px;
    vertical-align: middle;
}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea, input {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0px;
}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img {
    border: 0 none;
}

/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* 去掉链接的虚线框 */
a {
    outline: none;
    display: inline;
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    star: expression(this.onFocus=this.blur());
}

/* ------------------------------------通用属性定义---------------------------------------- */

/* 鼠标样式 */
.pointer {
    cursor: pointer;
}

/* 取消边框 */
.NoBorder {
    border: 0 none;
}

/* 文本对齐方式 */
.t_l {
    text-align: left;
}

.t_c {
    text-align: center;
}

.t_r {
    text-align: right;
}

/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.Break {
    word-break: break-all;
    word-wrap: break-word;
}

.Nobreak {
    word-break: keep-all;
    word-wrap: normal;
}

/* 浮动定义 */
.FL {
    float: left;
}

.FR {
    float: right;
}

/* 定义文本下划线 */
.UnLine {
    text-decoration: underline;
}

.DisunLine {
    text-decoration: none;
}

/* 定位关系 */
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

/* ------------------------------------通用容器定义---------------------------------------- */

/* 容器 */
.wrapper {
    clear: both;
    overflow: hidden;
}

/* 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 */
.o-hidden {
    overflow: hidden;
}

/*
* 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 */
.invisible {
    visibility: hidden;
}

/* 从页面布局上隐藏元素，从布局上隐藏元素 */
.hidden {
    display: none;
}

.block {
    display: block;
}

/* ------------------------------------清理元素--------------------------------------- */

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clear {
    clear: both;
    height: 0px;
    width: 100%;
    font-size: 1px;
    line-height: 0px;
    visibility: hidden;
    overflow: hidden;
}

/* ------------------------------------常用样式定义---------------------------------------- */

/* 边框定义，由大写B开头,表示系统公用边框样式 */
.BTW {
    border-top-width: 1px;
}

.BRW {
    border-right-width: 1px;
}

.BLW {
    border-left-width: 1px;
}

.BBW {
    border: 0px;
    border-bottom-width: 1px;
}

.Bord1 {
    border: 1px solid #999;
}

.Bord2 {
    border: 2px solid #999;
}

/* 边框宽度 (BW开头) */
.BW1 {
    border-width: 1px;
}

.BW2 {
    border-width: 2px;
}

.BW3 {
    border-width: 3px;
}

.BW4 {
    border-width: 4px;
}

.BW5 {
    border-width: 5px;
}

/* 边框样式 (Bs开头) */
.BsS {
    border-style: solid;
}

.BsD {
    border-style: dotted;
}

/* 边框颜色 (Bc开头) */
.BcBlue {
    border-color: #00F;
}

.BcBlack {
    border-color: #000;
}

/* 宽度定义，由小写C开头,表示color */
.W1024, .W786, .W975, .W972 {
    width: 968px;
    margin: 0 auto;
}

.W1024 {
    width: 1024px;
}

.W786 {
    idth: 786px;
}

.W975 {
    width: 975px;
}

.W972 {
    width: 972px;
}

/* 颜色功能定义，由小写C开头,表示color */
.cRed {
    color: #F00;
}

.cWhite {
    color: #FFF;
}

.cGreen {
    color: #0F0;
}

.cGray {
    color: #666;
}

.cBlue {
    color: #00F;
}

.cBlack {
    color: #000;
}

/* 定义某个项目常用颜色 */
.c001 {
    color: #663;
}

/* 定义字体样式，由大写字母F开头,表示FONT */

/* 字体样式 */
.FB {
    font-weight: bold;
}

.FN {
    font-weight: normal;
}

.FI {
    font-style: italic;
}

/* 字体大小 */
.F10 {
    font-size: 10px;
}

.F11 {
    font-size: 11px;
}

.F12 {
    font-size: 12px;
}

.F13 {
    font-size: 13px;
}

.F14 {
    font-size: 14px;
}

.F16 {
    font-size: 16px;
}

.F18 {
    font-size: 18px;
}

/* 定义间距,上下2个DIV间距，用DIVH开头。上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG。使用下面属性可兼容大多浏览器。*/
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, .DivH40 {
    width: 100%;
    overflow: hidden;
}

.DivH1 {
    height: 1px;
}

.DivH5 {
    height: 5px;
}

.DivH8 {
    height: 8px;
}

.DivH10 {
    height: 10px;
}

.DivH15 {
    height: 15px;
}

.DivH20 {
    height: 20px;
}

.DivH25 {
    height: 25px;
}

.DivH30 {
    height: 30px;
}

.DivH40 {
    height: 40px;
}

/* 定义行高，LH 使用较少,主要定义line-height属性 */
.LH1 {
    line-height: 1px;
}

.LH10 {
    line-height: 10px;
}

.LH15 {
    line-height: 15px;
}

.LH18 {
    line-height: 18px;
}

.LH20 {
    line-height: 20px;
}

.LH25 {
    line-height: 25px;
}

.LH30 {
    line-height: 30px;
}

.LH35 {
    line-height: 35px;
}

/* 标题样式定义 PTit 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中. */

.PTit25, .PTit20, .PTit18, .PTit30, .PTit, .PTit1, .PTit22 {
    width: 100%;
    overflow: hidden;
}

.PTit30 {
    line-height: 30px;
    height: 30px;
}

.PTit25 {
    line-height: 25px;
    height: 25px;
}

.PTit22 {
    line-height: 22px;
    height: 22px;
}

.PTit20 {
    line-height: 20px;
    height: 20px;
}

.PTit18 {
    line-height: 18px;
    height: 18px;
}

.PTit15 {
    line-height: 15px;
    height: 15px;
}

.PTit10 {
    line-height: 10px;
    height: 10px;
}

.PTit1 {
    line-height: 1px;
    height: 1px;
}

/* 更多样式设计 MORE 显示在右侧更多/MORE样式,可根据需求扩展 */

.More {
    text-align: right;
    position: absolute;
    top: 0;
    right: 3px;
}

.MoreR5 {
    position: absolute;
    top: 0px;
    right: 3px;
    font: 12px normal;
}

.MoreR15 {
    position: absolute;
    top: 0px;
    right: 15px;
    font: 12px normal;
}

/* 普通列表样式定义，文章列表样，一般列表使用,ul li列表 */
.ArtList, .ArtList25, .ArtList22, .ArtList24 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.ArtList li {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.ArtList25 li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.ArtList24 li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.ArtList22 li {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

/* ------------------------------------备注---------------------------------------- */

/*
在终极页面中调用该通用样式时,应该注意显示效果的不同,因为后台上传信息时编辑器里面样式并没有调用本默认样式表.
所以在编辑器中标签会有默认的属性,用户在添加信息时,这些信息都是附带默认样式的.
如果用我们在终极页面也调用本默认CSS文件的话,许多标签如:p,td,li......标签默认样式都被取消,因此显示效不同.
解决办法:
在终极页面显示内容区域还原这些标签的默认属性.
*/

/*
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:auto; padding:inherit;}
input,select{ font-size:inherit;}
img{border:inherit;}
ul,li{margin:auto; padding:inherit;}
li{ list-style-type:disc;}
*/

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', "WenQuanYi Micro Hei", SimSun, Tahoma, Arial, Helvetica, STHeiti;
}

.topmenu {       /*
    padding-top: 2%;
    padding-bottom: 0.5%;*/
    color: white;
    background-color: RGB(42, 128, 185);
}

.menu_bar {
    width: 100%;
    height: 100%;
    display: inline;
}

a.menu_bar_list {
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-right: 2px;
    color: #fff;
    text-shadow: none;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', "WenQuanYi Micro Hei", SimSun, Tahoma, Arial, Helvetica, STHeiti;
}

.disabled {
    display: none;
}

nav {
    display: inline;
}

nav ul ul {
    display: none;
}

nav ul li:hover >ul {
    display: block;
}

nav ul {
    /*
   background: RGB(42, 128, 185);
   background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
   background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
   background: -webkit-linear-gradient(top, RGB(42, 128, 185) 0%, #bbbbbb 100%);
   border-radius: 10px;
   box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);   */
    padding: 0 20px;
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul li {
    float: left;
}

nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%);
}

.topmenu .logo_title {
    height: 100%;
    font-weight: bold;
    font-size: 16px;
    display: inline;
    margin-left: 10%;
}

.topmenu .logout {
    padding-left: 10px;
    color: white;
    border-left: 1px solid RGB(74, 82, 95);
}

.content {
    width: 100%;
    height: 100%;
    background-color: #BFEFFF;
}

.content .left {
    float: left;
    overflow: hidden;
    width: 16%;
    height: 100%;
    height: 550px;
    border: solid 1px #ABABAB;
}

.content .right {
    float: right;
    width: 83.5%;
    height: 550px;
    border: solid 1px #ABABAB;
}

a.accordion-toggle {
    text-align: left;
}

.tree_menu {
    padding-left: 5px;
    height: 25px;
    background-color: #bce8f1
}

.collapseImg {
    display: none;
    float: right;
    width:20px;
    height:25px;
    background: url(../images/base_black.png) no-repeat;
    background-position: 53% 62%;
}

.spreadImg {
    float: right;
    width:20px;
    height:25px;
    background: url(../images/base_black.png) no-repeat;
    background-position: 74% 62%;
}

#errorMessage {
    color: red;
    margin-top: 10px;
}

.btn-small {
    margin-top: -10px;
    margin-left: 10px;
}

.control-label {
    display: inline;
    margin-left: 20px;
    vertical-align: middle;
}

.listInfo {
    float: left;
    padding: 5px 20px;
}

.pagination ul li span {
    text-align: center;
    color: #149bdf;
}
.pagination ul li span:hover {
    cursor: pointer;
}
footer{
    text-align: center;
}

/** table list css style **/
.table tr th {
    text-align: center;
}